<#assign s=JspTaglibs["/WEB-INF/struts-tags.tld"] />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
	<link rel="stylesheet" type="text/css" href="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.css" />
	<link rel="stylesheet" type="text/css" href="../styles/global.css"/>
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="../scripts/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="../scripts/highstock-1.0.Beta/highstock.js"></script>
	<script type="text/javascript" src="../scripts/highstock-1.0.Beta/themes/grid.js"></script>
	<script type="text/javascript" src="../scripts/common.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#gpdm").autocomplete({
		source:"<@s.url action='profile_search_search'/>",
		minLength:2,
		autoFocus:true,
		select:function(event,ui){
			var value = ui.item.value;
			ui.item.value="";
			window.location.href="<@s.url action='profile'/>?gpdm="+value;
		},
		open:function(event,ui){
			console.log("opend");
		}
	});
	
	$("#gpdm").focus(function(){
		this.value="";
	});
	$("#gpdm").blur(function(){
		this.value="请输入代码、简拼、简称";
	});
	$("#gpdm").val("请输入代码、简拼、简称");
	//$("#gpdm").focus();
	
	/* 初始化标签页效果 */
	$( "#tabs" ).tabs({
		ajaxOptions: {
			error: function( xhr, status, index, anchor ) {
				$( anchor.hash ).html(
					"<span style='text-align:center'>页面加载失败，请稍后再试！</span>" );
			},
			async: true,
		},
		spinner:"<img class='loadtab' src='../styles/res/loading.gif' style='display:inline;border-width:0;height:12px;padding-left:5px;'></img>",
		cache:true,
		load:function(event,ui){
			$("img.loadtab").css("display","none");
		}
	});

});
</script>
<style>
.main{
	margin:5px;
}
#navigator{
	border-bottom:#f5f5f5;
	height:50px;
}
.loadtab{
	font-weight:small;
	font-size:10px;
	color:gray;
	padding-left:2px;
}
#headmsg{
	font-size:20px;
	line-height:50px;
	color:#000000;
	padding-left:10px;
}
#gpdm{
	margin:5px 20px;
	width:180px;
	font-size:16px;
	padding:5px;
	color:#555555;
	border:1px solid #5d5d5d;
	background-color:#ffffff;
	float:right;
}
#tabs .ui-widget-header{
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
}
</style>
</head>
<body>
<div class="main">
	<div id="navigator">
		<input type="hidden" name="go" value="profile"/><input type="text" id="gpdm" name="gpdm" value="">
		<span id="headmsg">
			${stock.gpDmJ}
			&nbsp;&nbsp;${stock.gpMc}
			&nbsp;&nbsp;<span id="price"></span>
			&nbsp;&nbsp;<span id="zf"></span>
		</span>
	</div>
	<div style="clear:both"/>
	<div id="tabs">
		<ul>
			<!-- 基本资料 -->
			<li><a href="<@s.url action='profile_basic'/>?gpdm=${stock.gpDm}">公司资料<span></span></a></li>
			<!-- 公司高管 -->
			<li><a href="<@s.url action='profile_gsgg'/>?gpdm=${stock.gpDm}">公司高管<span></span></a></li>
			<!-- 公司财务 -->
			<li><a href="<@s.url action='profile_cw'/>?gpdm=${stock.gpDm}">公司财务<span></span></a></li>
			<!-- 股东股本 -->
			<li><a href="<@s.url action='profile_gdgb'/>?gpdm=${stock.gpDm}">股东股本<span></span></a></li>
			<!-- 分红融资 -->
			<li><a href="<@s.url action='profile_fhrz'/>?gpdm=${stock.gpDm}">分红融资<span></span></a></li>
			<!-- 实时行情 -->
			<li><a href="<@s.url action='profile_hq'/>?gpdm=${stock.gpDm}">实时行情<span></span></a></li>
		</ul>
	</div>
</div>
</body>
</html>